The Dreamweaver JavaScript API > CSS style functions |
![]() ![]() ![]() |
CSS style functions handle the application, removal, creation, and deletion of CSS styles. Methods of the dreamweaver.cssStylePalette
object either control or act on the selection in the Style panel, not in the current document.
Availability
Dreamweaver 4.0
Description
Applies the specified style to the specified element. This function is valid only for the active document.
Arguments
elementNode
, styleName
, [classOrID]
, [bForceNesting]
![]() |
elementNode is an element node in the DOM. If elementNode is specified as NULL or empty string ('' ), the function acts on the current selection. |
![]() |
styleName is the name of a CSS style. |
![]() |
[classOrID] is the attribute with which the style should be applied (either "class" or "id"). If elementNode is specified as NULL or empty string and no tag exactly surrounds the selection, the style is applied using SPAN tags. If the selection is an insertion point, Dreamweaver uses heuristics to determine to which tag the style should be applied. |
![]() |
[bForceNesting] is a Boolean value, which indicates whether or not nesting is allowed. If the bForceNesting flag is specified, Dreamweaver inserts a new SPAN tag instead of trying to modify the existing tags in the document. This argument defaults to false if not specified. |
Returns
Nothing.
Enabler
None.
Example
The following code applies the red
style to the selection, either by surrounding the selection with SPAN
tags or by applying a CLASS
attribute to the tag that surrounds the selection:
var theDOM = dreamweaver.getDocumentDOM('document'); theDOM.applyCSSStyle('','red');
![]() ![]() ![]() |